



/* logo-slide */
.logo-slide{
    width: 1200px;
    height: 63px;
    position: relative;
    overflow: hidden;
}

.logo-slide ul{
    width: 2400px;
    height: 63px;
    animation:foo 10s linear 0s infinite;
    position: absolute;

}
@keyframes foo{
    from{
        right: 0;
    }
    to{
        right: -1200px;
    }
}

/* menuSlide */
.menu{width: 200px;height: 400px;background-color: #f3f3f3; position: relative;}

.menu li p{line-height: 34px;text-indent: 20px;border: 1px solid #fff;border-right: 0px;}
.menu li:hover p{border-color: #f60;z-index: 200;position: relative; background-color: #fff; width: 200px;}

.menu li p a{margin-right: 10px;}
.menu li:hover p a{color: #f60;}

.menu li .menuslide-two{background-color: #fff; width: 600px;height: 450px;border: 1px solid #f60;position: absolute;top: 0;left: 200px;z-index: 199;display: none;}
.menu li:hover .menuslide-two{display: block;}

.menuslide-two .menuslide-Tab{width: 510px;margin-left: 20px;}
.menuslide-two .menuslide-Tab div a{margin-right: 30px;}
.menuslide-Tab div{margin-bottom: 22px;}
.menuslide-Tab dt{line-height: 24px;color: #f60; border-bottom:1px solid #e6e6e6;}
.menuslide-Tab dd a{margin-right: 8px;font-size: 12px;}



.slide{width: 1000px;height: 400px;}

/* recommend */
.re-list{width: 1188px;margin: 0 auto;border-left: 2px solid #f60;}
.re-list li{width: 198px;height: 250px;border-right: 2px solid #f60;border-bottom: 2px solid #f60;float: left;box-sizing: border-box;}


/*book*/
.book .index-title{width: 900px;}
.book-menu li{float: left;text-align: center;width: 100px;cursor: pointer;font-size: 18px;}
.book-menu > .active{background-color:#f60; color: #fff;}

.book-catgray{width: 240px;}
.book-tag>ul{display: none;}
.book-tag .on{display: block;}
.book-cat-item a{float: left; width: 80px;text-indent: 4px;line-height: 38px;}

.book-list{width: 660px;}
.book-list > li{width: 165px;height: 220px;border-right: 2px solid #f3f3f3; border-bottom: 2px solid #f3f3f3;box-sizing: border-box;float: left; }
.book-list .book-slide{width: 330px;} 



/* cloth */


/* house */
.house .house-h1 img{width: 480px; height: 500px;}
.house .house-list li img{width: 180px; height: 340px;border-bottom: 2px solid #f3f3f3; border-right: 2px solid #f3f3f3;box-sizing: border-box;}
.house .house-list li {float: left;}
.house-list ul{width: 720px;}
.house .house-list .house-bottom img{ width: 180px; height: 160px;}

/*good*/

.goods .good-list{width: 1188px;margin: 0 auto;}
.goods .goods-list li{float: left;width: 238px;box-sizing: border-box;}
.goods .goods-list li:hover{background: #f2f2f2;}
.goods-list li div{padding: 30px;}
.goods .goods-menu li{width: 12px;height: 12px;background: #bfbfbf;border-radius: 50%;margin-right: 18px;margin-top: 20px;}
.goods .goods-menu li:hover{background-color: #f60;}
.goods-list{display: none;}
.goods .on{display: block;}

 /* floor*/
 
 .floor{width: 40px;height: 240px;position: fixed;left: 50%;top: 50%;margin-left: -650px;transform: translateY(-50%);background-color:#f2f2f2 ;z-index: 300;}
 .floor p{width: 40px;height: 40px;line-height: 40px;background: url('../imgs/素材图片/fix_box_icon_160622.png') no-repeat;text-indent: 40px; overflow: hidden;}
 .floor .fbg2{background-position-y: -80px;}
 .floor .fbg3{background-position-y: -160px;}
 .floor .fbg4{background-position-y: -200px;}
 .floor .fbg5{background-position-y: -320px;}
 .floor .fbg6{background-position-y: -360px;}
 

